@media all and (max-width: 500px){
	#content {
	    padding: 10px 0px;
	}
	
	#header {
	    background-image: url('../img/header_bg.png');
	    min-height: 150px;
	    height: auto;
	    width: auto;
	}
	
    /* Mobile-Eigenschaften */
    #navi {
    	position: static;
    	background-color: #28292d;
    	top: 150px;
    	height: auto;
    	width: auto;
    }
    
    #navi_left {
		width: 0px;
		height: 0px;
	}
	
	#navi_center {
		width: 100%;
		height: auto;
		text-align: center;
	}
    
    .navi_item {
        float: none;
        clear: both;
        
        background-color: transparent;
        
        padding: 0px;
        margin: 10px 5px;
        height: 50px;
    }
    
    #inline_navi{
    	clear: both;
        padding: 2px 20px;
    }
    
    #login {
        float: none;
    }
    
    .box  {
    	border-style: none;
    }
    
    .box > h1 {
	    padding: 0px 10px;
	    
		border-color: #555964;
		border-width: 1px;
		border-style: solid;
	}
    
    
    .smart {
        display: inherit;
    }
    
    .default {
        display: none;
    }
    
    
    
    
}